<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<head>
    <th:block th:fragment="common_header">
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
        <meta name="renderer" content="webkit" />
        <title>欢迎您</title>
        <link rel="stylesheet" href="/common/js/bootstrap3.3.7/bootstrap.css" />
        <link rel="stylesheet" href="/yin/css/common.css" />
        <link rel="stylesheet" href="/yin/css/search-input.css" />
        <link rel="stylesheet" href="/common/js//swiper/swiper.min.css" />
        <link rel="stylesheet" href="/common/js/bootstrap-select/css/bootstrap-select.min.css" />
        <script type="text/javascript" src="/common/js/jquery-3.3.1.min.js" />
        <script th:inline="javascript">
            /*<![CDATA[*/
            if (typeof (YY) == "undefined" || !YY) {
                YY = {
                    basePath: /*[[${application.basePath}]]*/ ''
                };
            }
            /*]]>*/
        </script>
    </th:block>
</head>

<body>

<!--头部信息行-->
<nav class="navbar navbar-default navbar-fixed-top carelink-nav" th:fragment="common_top">
    <div class="container common-top-content" style="text-align: center;">
        <div class="navbar-header common-nav-logo">
            <a href="javascript:void(0)" class="navbar-brand">
                <img src="/common/image/2.jpg" alt="YY" title="YY" />
            </a>
        </div>
        <div class="pull-left index-search-row" th:fragment="common_search">
            <div class="dropdown pull-left index-hospital-select-box">
                <div class="form-group">
                    <input id="search-input" type="text" class="form-control index-hospital-select" value="" placeholder="输入关键字搜索"/>
                </div>
            </div>
            <a class="btn btn-primary index-search-appointment-btn blue-fill-btn border-0" id="search-btn" onClick="searchAll()">搜索</a>

            <!--<div class="index-search-content" id="index-search-content">
                <h5 id="search-tit">热门搜索</h5>
                <div class="search-defaut" id="search-defaut">
                    <table class="table search-defaut-table">
                        <thead>
                        <tr>
                            <th>医院</th>
                            <th>科室</th>
                            <th>疾病</th>
                            <th>专家</th>
                        </tr>
                        </thead>
                        <tbody id="searchHotContent">

                        </tbody>
                    </table>
                </div>
                <div class="search-link hidden" id="search-link">

                </div>
            </div>-->
        </div>
        <!-- 搜索end -->
        <!--<ul class="nav navbar-nav navbar-right common-nav-user">
            <th:block th:if="${loginUser != null}">
                <li>
                    <div class="nav-message dropdown">
                        <div class="nav-message-btn dropdown-toggle">
                            <a href="user/user-message.html" th:href="@{{basePath}/user/mc/index.htm(basePath=${application.basePath})}">
                                <img src="../../../hs/images/message.svg" th:src="@{{images}/message.svg(images=${application.images})}" /> 消息
                                <span class="nav-message-red-icon hidden" id="messageCenterIcon"></span>
                            </a>
                        </div>
                        <div class="nav-message-box dropdown-menu">
                            <div class="nav-message-box-tit">
                                <a href="user/user-message.html">
                                    <span class="pull-left nav-message-box-tit-txt">消息中心</span>
                                    &lt;!&ndash; <span class="pull-right nav-message-box-tit-icon">
                                <img src="../../hs/images/message.svg" th:src="@{{images}/message.svg(images=${application.images})}"/>
                            </span> &ndash;&gt;
                                </a>
                            </div>
                            <ul class="nav-message-box-list list-unstyled" id="mcWindowContent">
                                <li>
                                    <a data-toggle="modal" data-target="#system-message-modal">
                                        <span class="nav-message-tip-icon"></span>
                                        <p>系统消息</p>
                                        <p class="fc-9">2018.04.10</p>
                                    </a>
                                </li>
                                <li>
                                    <a data-toggle="modal" data-target="#fill-appointment-success">
                                        <span class="nav-message-tip-icon hidden"></span>
                                        <p>订单消息</p>
                                        <p class="fc-9">2018.04.10</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <span class="nav-message-tip-icon hidden"></span>
                                        <p>iOS 11.3 is available today</p>
                                        <p class="fc-9">2018.04.10</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <span class="nav-message-tip-icon hidden"></span>
                                        <p>iOS 11.3 is available today</p>
                                        <p class="fc-9">2018.04.10</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <span class="nav-message-tip-icon hidden"></span>
                                        <p>iOS 11.3 is available today</p>
                                        <p class="fc-9">2018.04.10</p>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <span class="nav-message-tip-icon hidden"></span>
                                        <p>iOS 11.3 is available today</p>
                                        <p class="fc-9">2018.04.10</p>
                                    </a>
                                </li>
                            </ul>
                            <a class="nav-message-box-bottom text-center f-active" href="user-message.html" th:href="@{{basePath}/user/mc/index.htm(basePath=${application.basePath})}">
                                查看全部
                            </a>
                        </div>
                    </div>
                </li>
            </th:block>
            <li>
                <th:block th:if="${loginUser == null}">
                    <a href="#" data-toggle="modal" onclick="login()" class="hover-color-666 nav-login-btn">
                        <img src="../../../hs/images/user.svg" th:src="@{{images}/user.svg(images=${application.images})}" />登录/注册</a>
                </th:block>

                <th:block th:if="${loginUser != null}">
                    <div id="user-menu">
                        <div class="nav-user-header pull-left" id="user-photo">
                            <img src="../../../hs/images/user-header.png" th:if="${#strings.isEmpty(loginUser.portrait)}" th:src="@{{images}/user-header.png(images=${application.images})}"
                            />
                            <img src="../../../hs/images/user-header.png" th:if="${not #strings.isEmpty(loginUser.portrait)}" th:src="@{{imageServer}{portrait}(imageServer=${application.imageServer},portrait=${loginUser.portrait})}"
                            />
                        </div>
                        <div class="dropdown pull-left nav-user-dropdown">
                            <button class="btn-default dropdown-toggle" type="button">
                                    <span class="nav-user-dropdown-txt yichu">
                                        &lt;!&ndash; <th:block th:if="${not #strings.isEmpty(loginUser.name)}" th:text="${loginUser.name} + '，您好'"></th:block>
                                    <th:block th:if="${#strings.isEmpty(loginUser.name)}" th:text="会员，您好"></th:block> &ndash;&gt;
                                        <span>个人中心</span>
                                    </span>
                                <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu nav-user-menu">
                                <li>
                                    <a class="nav-user-menu-name-line" href="user/userInfo.html" th:href="@{{basePath}/user/userInfo.htm(basePath=${application.basePath})}">
                                        <p th:block th:if="${loginUser.name == '' || loginUser.name == null}" th:text="会员，您好"></p>
                                        <p th:block th:if="${loginUser.name != '' && loginUser.name != null}" th:text="${loginUser.name} + '，您好'"></p>
                                        <p class="nav-user-menu-tel" th:text="${loginUser.mobileNo}"></p>
                                        <img class="nav-user-menu-name-icon" src="../../../hs/images/banner-right-btn-active.png" th:src="@{{images}/banner-right-btn-active.png(images=${application.images})}"
                                        />
                                    </a>
                                </li>
                                <li class="divider"></li>
                                <li>
                                    <a class="nav-user-menu-line" href="user/patient.html" th:href="@{{basePath}/user/patient.htm(basePath=${application.basePath})}">
                                        <img src="../../../hs/images/user-person.svg" th:src="@{{images}/user-person.svg(images=${application.images})}">
                                        <span>就诊成员</span>
                                    </a>
                                </li>
                                <li>
                                    <a class="nav-user-menu-line" href="user/appointmentOrder.html" th:href="@{{basePath}/user/appointmentOrder.htm(basePath=${application.basePath})}">
                                        <img src="../../../hs/images/user-order.svg" th:src="@{{images}/user-order.svg(images=${application.images})}">
                                        <span>订单中心</span>
                                    </a>
                                </li>
                                <li>
                                    <a class="nav-user-menu-line" href="user/attention.html" th:href="@{{basePath}/user/attention.htm(basePath=${application.basePath})}">
                                        <img src="../../../hs/images/user-attention.svg" th:src="@{{images}/user-attention.svg(images=${application.images})}">
                                        <span>我的关注</span>
                                    </a>
                                </li>
                                <li>
                                    <a class="nav-user-menu-line" href="/art/follow/index.htm" th:href="@{{basePath}/art/follow/index.htm(basePath=${application.basePath})}">
                                        <img src="../../../hs/images/user-enshrine.svg" th:src="@{{images}/user-enshrine.svg(images=${application.images})}">
                                        <span>我的收藏</span>
                                    </a>
                                </li>
                                <li>
                                    <a class="nav-user-menu-line" href="user/user-remind.html" th:href="@{{basePath}/user/remindIndex.htm(basePath=${application.basePath})}">
                                        <img src="../../../hs/images/remind-s.svg" th:src="@{{images}/user-attention.svg(images=${application.images})}">
                                        <span>放号提醒</span>
                                    </a>
                                </li>
                                <li>
                                    <a class="nav-user-menu-line" href="logout.html" th:href="@{{basePath}/logout.htm(basePath=${application.basePath})}">
                                        <img src="../../../hs/images/user-output.svg" th:src="@{{images}/user-output.svg(images=${application.images})}">
                                        <span>退出登录</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </th:block>
            </li>
        </ul>-->
    </div>
    <!-- 导航 -->
    <div class="common-top-nav">
        <div class="container">
            <div class="row text-center">
                <ul class="common-top-nav-ul list-inline">
                    <li th:class="common-top-nav-ul-active">
                        <span>首页</span>
                    </li>
                    <li th:class="${pageIndex == 2 ? 'common-top-nav-ul-active': '' }">
                        <span>JSON相关</span>
                    </li>
                    <li th:class="${pageIndex == 3 ? 'common-top-nav-ul-active': '' }">
                        <a href="/art/index.htm" th:href="@{{basePath}/art/index.htm(basePath=${application.basePath})}">快医说</a>
                    </li>
                    <li th:class="${pageIndex == 4 ? 'common-top-nav-ul-active': '' }">
                        <a href="/art/index.htm" th:href="@{{basePath}/ms/index.htm(basePath=${application.basePath})}">药品信息</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 导航 end -->
</nav>
<!--头部信息行 end-->

<!-- 登录-->
<!--<div class="login" th:fragment="user_login">
    <div class="modal fade" id="login" tabindex="-1" role="dialog" aria-hidden="false">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="false">
                        <img class="common-close-icon" src="../../../hs/images/modal-close-icon.svg" th:src="@{{images}/modal-close-icon.svg(images=${application.images})}"
                        />
                    </button>
                </div>
                <div class="modal-body modal-body-login">
                    <div class="login-content-left text-center">
                        <img class="login-logo" src="../../../hs/images/login-logo.svg" th:src="@{{images}/login-logo.svg(images=${application.images})}"
                        />
                        <p class="login-left-line1">挂号快 用快医</p>
                    </div>
                    &lt;!&ndash;登录&ndash;&gt;
                    <div class="login-content-right" id="login-right">
                        <p class="login-content-right-tit">用户登录/注册</p>
                        <div class="input-group login-modal-btn-line">
                            <input type="text" class="form-control modal-login-input" id="login_account" placeholder="输入手机号" onkeyup="this.value=this.value.replace(/\D/g,'')"
                                   maxlength="11">
                        </div>
                        <div class="input-group login-modal-btn-line">
                            <input type="text" id="login_pic_checkCode" onkeyup="this.value=this.value.replace(/[^\w]/ig,'')" maxlength="4" class="form-control modal-login-input"
                                   placeholder="请输入图片验证码">
                        </div>
                        <div class="input-group login-modal-btn-line">
                            <div class="check-code-img pull-left">
                                <img class="check-code-img pull-left" id="login_yzm" src="">
                            </div>
                            <a class="check-code-img-change pull-left f-active" onClick="modifyPictureCheckCode();">看不清，换一张</a>
                        </div>
                        <div class="input-group login-modal-btn-line">
                            <input type="text" onkeyup="this.value=this.value.replace(/\D/g,'')" class="form-control modal-login-input" maxlength="4"
                                   id="login_msg_checkCode" placeholder="请输入手机验证码" />
                            &lt;!&ndash;<a href="javascript:;" id="reg-hqyzm" class="btn get-check-code" onclick="smsYzm('#reg-hqyzm', $('#login_account').val(), 6)">获取验证码</a>&ndash;&gt;
                            <input type="button" id="reg-hqyzm" class="form-group-btn btn form-group-btn-index" value="发送验证码" onclick="smsYzm('#reg-hqyzm', $('#login_account').val(), 6)"
                            />
                        </div>
                        <button class="btn modal-login-sub  blue-fill-btn" onclick="fastLogin()" id="index-login">登录</button>
                        <p class="modal-login-tip">点击「登录」按钮将视为您同意
                            <a class="f-active" href="about/about-disclaimer.html" th:href="@{{basePath}/about/disclaimer(basePath=${application.basePath})}"
                               target="_blank">快医网使用条款</a>
                        </p>
                        <p class="modal-login-type-tit">快捷登录</p>
                        <ul class="list-inline modal-login-type-list">
                            <li>
                                <a onclick="wxLoginShow()">
                                    <div>
                                        <img src="../../hs/images/login-wechat.svg" th:src="@{{images}/login-wechat.svg(images=${application.images})}" />
                                    </div>
                                    <p>微信</p>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:QQLogin();">
                                    <div>
                                        <img src="../../../hs/images/login-qq.svg" th:src="@{{images}/login-qq.svg(images=${application.images})}" />
                                    </div>
                                    <p>QQ</p>
                                </a>
                            </li>
                        </ul>
                    </div>
                    &lt;!&ndash;登录 end&ndash;&gt;
                    &lt;!&ndash;绑定手机&ndash;&gt;
                    <div class="login-content-right hidden">
                        <p class="login-content-right-tit">绑定手机</p>
                        <div class="input-group login-modal-btn-line">
                            <input type="tel" class="form-control modal-login-input" placeholder="输入手机号">
                            <a class="btn get-check-code">获取验证码</a>
                        </div>
                        <div class="input-group login-modal-btn-line">
                            <input type="text" class="form-control modal-login-input" placeholder="输入验证码">
                        </div>
                        <button class="btn modal-login-sub  blue-fill-btn">绑定手机</button>
                    </div>
                    &lt;!&ndash;绑定手机 end&ndash;&gt;
                    &lt;!&ndash;wx login&ndash;&gt;
                    <div class="login-content-right hidden" id="wx-login-right">
                        <p class="login-content-right-tit text-center">微信登录</p>
                        <div class="wx-login-qr" id="wx-login-qr">
                            <img id="codeImg" class="wx-login-qr-img" src="../../../hs/images/index-fixed-qr.png" th:src="@{{images}/loading-lazyload.gif(images=${application.images})}"
                            />
                            <div class="cli-qr hidden" onclick="updateWxQr()"></div>
                            <div class="media wx-login-qr-text hidden">
                                <div class="media-right wx-login-out">
                                    <div>二维码已过期</div>
                                    <div>
                                        <a class="wx-login-out-update" onclick="updateWxQr()">点击刷新</a>二维码，并重新扫描</div>
                                </div>
                            </div>
                        </div>
                        <p class="modal-login-tip fs-16">请用微信扫描二维码，关注“快医网”公众号登录</p>
                        <div class="text-center">
                            <a class="f-active" onclick="backLogin()">其他登录方式</a>
                        </div>
                    </div>
                    &lt;!&ndash;wx login end&ndash;&gt;
                    &lt;!&ndash;身份验证&ndash;&gt;
                    <div class="login-content-right hidden" id="identity-login-right">
                        <p class="login-content-right-tit">身份验证</p>
                        <input type="hidden" id="token">
                        <div class="input-group login-modal-btn-line">
                            <input type="text" class="form-control modal-login-input" name="identityName" id="identityName" placeholder="输入姓名">
                        </div>
                        <div class="input-group login-modal-btn-line">
                            <input type="text" class="form-control modal-login-input" name="identityNo" id="identityNo" placeholder="输入身份证号">
                        </div>
                        <button class="btn modal-login-sub  blue-fill-btn" onclick="checkIdentity();">验证</button>
                        <p class="modal-login-tip">注：由于该用户长时间未登录，为保证您的个人信息安全，请输入您注册会员时的姓名及身份信息，请在15分钟内填写完成</p>
                    </div>
                    &lt;!&ndash;身份验证 end&ndash;&gt;
                </div>
            </div>
        </div>
    </div>
</div>
&lt;!&ndash;登录 end&ndash;&gt;
&lt;!&ndash; 模态框（Modal） 选择地区&ndash;&gt;
<div class="modal fade" id="select-address" tabindex="-1" role="dialog" aria-hidden="false" th:fragment="chooseAddress">
    <input type="hidden" id="redirect_type" th:value="${redirect_type == 1 ? 'hot' : 'all'}">
    <div class="modal-dialog nav-location-modal-box">
        <div class="modal-content">
            <div class="modal-body nav-location-list">
                <div id="nav-location-list">
                    <div class="nav-location-list-line">
                        <p class="nav-location-list-tit fc-6">
                            当前所选城市
                            <button type="button" class="close pull-right" data-dismiss="modal" aria-hidden="false">
                                <img class="common-close-icon" src="../../../hs/images/modal-close-icon.svg" th:src="@{{images}/modal-close-icon.svg(images=${application.images})}"
                                />
                            </button>
                        </p>
                        <p class="nav-location-selected-city f-red" id="cityName">北京</p>
                    </div>
                    <div class="nav-location-list-line">
                        <p class="nav-location-list-tit fc-6">热门城市</p>
                        <ul class="list-inline nav-location-list-line-list" id="hotCity">
                            &lt;!&ndash; <li>北京</li>
                        <li>天津</li>
                        <li>上海</li>
                        <li>广州</li> &ndash;&gt;
                        </ul>
                    </div>
                    <div class="nav-location-list-line border-0">
                        <p class="nav-location-list-tit fc-6">
                            <span class="province-list-tit pull-left">选择省份</span>
                            <span class="f-active address-go-back pull-left" onclick="cancelProvice();">【切换其他城市】</span>
                        </p>
                        <ul class="list-inline nav-location-list-line-list province-list">

                        </ul>
                        <ul class="list-inline nav-location-list-line-list city-list">

                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
&lt;!&ndash;模态框(modal) end&ndash;&gt;


&lt;!&ndash; 模态框 挂号（Modal） &ndash;&gt;
<div class="modal fade" id="appointment" tabindex="-1" role="dialog" aria-hidden="false" th:fragment="appointment_doctor">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header modal-header-appointment">
                <input type="hidden" id="shareId" value="">
                <button type="button" class="close margin-t-0" data-dismiss="modal" aria-hidden="false">
                    <img class="common-close-icon" src="../../../hs/images/modal-close-icon.svg" th:src="@{{images}/modal-close-icon.svg(images=${application.images})}"
                    />
                </button>
                <h3 class="modal-title">预约挂号
                    &lt;!&ndash; <span class="pull-right fs-18 share-btn share-btn-modal f-active">
                    <img id="share" src="../../../hs/images/share-blue-2.svg" th:src="@{{images}/share-blue.svg(images=${application.images})}" data-active="../../../hs/images/share-blue-active.svg" th:data-active="@{{images}/share-blue-active.svg(images=${application.images})}" />
                    分享
                </span> &ndash;&gt;
                    &lt;!&ndash; 分享 &ndash;&gt;
                    <div class="share-box pull-right fs-18 share-btn-modal" id="share-box">
                        <div id="share-btn-box">
                            <a href="#" class="share-btn" id="share-btn" title="分享">分享</a>
                        </div>
                        <div class="share-list-box" id="share-list-box">
                            <div class="share-list-weixin-qr" id="share-list-weixin-qr"></div>
                            <p class="fc-666 fs-12 text-center">微信扫码分享</p>
                            &lt;!&ndash; <div class="share-list-hr"></div>
                        <div class="share-list-other">
                            <div class="bdsharebuttonbox text-center"  data-tag="share_2">
                                <a href="#" class="bds_tsina fc-6 fs-12" data-cmd="tsina" title="分享到新浪微博">微博</a>
                                <a href="#" class="bds_qzone fc-6 fs-12" data-cmd="qzone" title="分享到QQ空间">QQ空间</a>
                            </div>
                        </div> &ndash;&gt;
                            &lt;!&ndash; <div id="bdshare" class="text-center bdshare_t bds_tools get-codes-bdshare" style="text-align: center!important;" data="{'text':'这里写入您想要自定义的分享内容A'}">
                            <a class="bds_tsina">新浪</a>
                            <a class="bds_qzone">QQ </a>
                        </div> &ndash;&gt;
                            <div class="share-list-hr"></div>
                            <div>
                                <div class="form-group">
                                    <input type="text" class="form-control pull-left fs-12 fc-6 share-url-input" id="share-url-input" value="">
                                    <input type="button" class="btn pull-right fs-12 share-url-btn" id="share-url-btn" data-clipboard-target="#share-url-input"
                                           value="复制地址">
                                </div>
                            </div>
                        </div>
                    </div>
                    &lt;!&ndash; 分享 end &ndash;&gt;
                </h3>
            </div>
            <div class="modal-body modal-body-appointment">
                <div class="modal-doctor-part" id="doctorInfo">
                    &lt;!&ndash;<div class="modal-doctor-part-left">
                    <div class="modal-doctor-part-img">
                        <img src="../../../hs/images/user-header.png" />
                    </div>
                    <a class="f-active attention-btn">+ 关注</a>
                </div>
                <div class="modal-doctor-part-right">
                    <p>
                        <span class="modal-doctor-name">孙爱达</span>
                        <span class="modal-doctor-grade">主任医师</span>
                    </p>
                    <p class="modal-doctor-part-right-work yichu">
                        <span class="modal-doctor-part-right-working yichu pull-left">北京协和医北京协和医北京协和医</span>
                        <span class="modal-doctor-part-right-worked pull-left">【曾就职：北京协和医院】</span>
                    </p>
                    <p class="fs-14 modal-appointment-line">
                        <span class="fw-b modal-appointment-line-left">【擅长】</span>
                        <span class="modal-appointment-line-right">妇科肿瘤、子宫内膜异位症、妇科疑难病诊断治疗妇科肿瘤、子宫内膜异位症、妇科疑难病诊断治疗妇科肿瘤、子宫内膜异位症、妇科疑难病诊断治疗妇科肿瘤、子宫内膜异位症、妇科疑难病诊断治疗妇科肿瘤、子宫内膜异位症、妇科疑难病诊断治疗妇科肿瘤、子宫内膜异位症、妇科疑难病诊断治疗妇科肿瘤、子宫内膜异位症、妇科疑难病诊断治疗</span>
                    </p>

                    <div class="modal-appointment-number text-center">
                        <p>119</p>
                        <p>累积预约</p>
                    </div>
                </div>&ndash;&gt;
                </div>
                <div class="modal-appointment-tabs">
                    <ul class="nav nav-tabs modal-appointment-tabs-nav nav-justified">
                        <li id="introduction-content-tab">
                            <a href="#introduction-content" data-toggle="tab">简介</a>
                        </li>
                        <li id="dutySourceInfo-tab" class="active">
                            <a href="#dutySourceInfo" data-toggle="tab">挂号</a>
                        </li>
                        &lt;!&ndash;<li><a href="#b" data-toggle="tab">医疗新知</a></li>&ndash;&gt;
                        &lt;!&ndash;<li><a href="#c" data-toggle="tab">患教课程</a></li>&ndash;&gt;
                    </ul>
                    <ul class="tab-content modal-appointment-tabs-content">
                        <li id="introduction-content" class="tab-pane">
                            <p class="modal-doctor-info fs-14 fc-6" id="introduction">简介的内容</p>
                        </li>
                        &lt;!&ndash;医生的号源以及排班情况&ndash;&gt;
                        <li id="dutySourceInfo" class="tab-pane active">
                            &lt;!&ndash;推荐排班&ndash;&gt;
                            <div class="modal-appointment-other-tit">【为您推荐】该专家其他坐诊医院</div>
                            <h4>北京华医中西医结合皮肤病医院</h4>
                            <div class="modal-appointment-tabs-select">
                                <ul class="list-inline">
                                    <li>
                                        <a class="appointments text-center">
                                            <p>03/16</p>
                                            <p>下午</p>
                                            <div>挂号</div>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="appointments text-center appointments-gray">
                                            <p>03/16</p>
                                            <p>下午</p>
                                            <div>约满</div>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="appointments text-center appointments-gray">
                                            <p>03/16</p>
                                            <p>下午</p>
                                            <div>停诊</div>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="appointments text-center appointments-orange" onclick="modalRemind(this)" data-remind="true">
                                            <p>03/16</p>
                                            <p>下午</p>
                                            <div>放号提醒</div>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="appointments text-center appointments-orange">
                                            <p>03/16</p>
                                            <p>下午</p>
                                            <div>号源紧张</div>
                                        </a>
                                    </li>
                                    <li>
                                        <a class="appointments text-center appointments-gray">
                                            <div class="appointments-no-appointment">
                                                <p>暂无
                                                    <br />号源</p>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        &lt;!&ndash;
                    <li id="b" class="tab-pane">
                        <div class="modal-appointment-news">
                            <div class="modal-appointment-news-left">
                                <img src="../../../hs/images/modal-appointment-news.png" th:src="@{{images}/modal-appointment-news.png(images=${application.images})}"/>
                            </div>
                            <div class="modal-appointment-news-right">
                                <p class="modal-appointment-news-tit">Apple 全球开发者大会将于 6 月 4 日在圣何塞开幕</p>
                                <p class="modal-appointment-news-info"><span>2018年2月28日 </span> 来自 <span class="f-active"></span></p>
                                <p class="fc-6 yichu2 modal-appointment-news-content">Apple 春季表带系列闪亮登场，带来多款亮丽配色和独特设计。本季推出的新款表带包括：白色与彩色交错相间的精织尼龙表带，以风格清新的条纹，展现利落、简洁的造型</p>
                            </div>
                        </div>
                    </li>
                    <li id="c" class="tab-pane">
                        <div class="modal-video">
                            <a>
                                <img src="../../../hs/images/modal-video.png" th:src="@{{images}/modal-video.png(images=${application.images})}" />
                            </a>
                            <a><img src="../../../hs/images/modal-video.png" th:src="@{{images}/modal-video.png(images=${application.images})}" /></a>
                            <a><img src="../../../hs/images/modal-video.png" th:src="@{{images}/modal-video.png(images=${application.images})}"/></a>
                        </div>
                    </li>
                     &ndash;&gt;
                    </ul>

                </div>
            </div>
        </div>
    </div>
</div>
&lt;!&ndash;模态框 挂号 (modal) end&ndash;&gt;

&lt;!&ndash; 模态框 就诊人（Modal） &ndash;&gt;
<div class="modal-body modal-user-person-body" th:fragment="add_patient">
    <form id="addPersonForm" class="form">
        <div class="form-group">
            <label for="name">就诊人姓名（务必填写真实姓名）</label>
            <input type="text" class="form-control user-input-common" id="name" name="name"  placeholder="请输入就诊人姓名" />
        </div>
        <div id="authentication-div" style="color: #f50000;height: 40px;line-height: 40px;display: none;">
            <span>实名认证未通过！</span>
            <span style="color: #618CFF;text-decoration: underline;" onclick="authenticationPage()">去实名认证</span>
        </div>
        <div>
            <label for="name">就诊人关系</label>
            <div class="radio-box" id="radio-box-relation">
                &lt;!&ndash; <tr th:each="relation : ${relationList}" >
                <td><label class="radio-inline"th:text="${relation.message}"></td>
                <td><input type="radio" name="relation" th:value="${relation.index}" th:onClick="'javascript:showTel(\''+${relation.index}+'\', \''+${loginUser.Account}+'\')'"></td>
                <td><span class="radio-icon"></span></td>
            </label>
            </tr> &ndash;&gt;
            </div>
        </div>
        <div class="form-group form-group-relative" id="user-add-tel">
            <label for="tel">手机号码</label>
            <input type="text" class="form-control user-input-common" id="tel" name="mobileNo" value="" placeholder="请输入就诊人的手机号码" onkeyup="this.value=this.value.replace(/\D/g,'')"
                   maxlength="11" />
            <input type="button" id="sendMessage" class="form-group-btn btn" onclick="smsCheckCode('#sendMessage', $('#tel').val(), 7)"
                   value="发送验证码">
        </div>
        &lt;!&ndash; <div class="form-group" id="user-check-code-img">
        <label for="tel">图片验证码</label>
        <div class="user-check-code-img-line">
            <input class="user-check-code-img-input pull-left" type="text" id="picCheckCode" value="" placeholder="请输入图片验证码"  onkeyup="this.value=this.value.replace(/[^\w]/ig,'')" maxlength="4"/>
            <a class="check-code-img pull-left">
                <img src="https://carelink.cn/pictureCheckCode.htm" />
            </a>
            <a class="check-code-img-change pull-left">看不清，换一张</a>
        </div>
    </div> &ndash;&gt;
        <div class="form-group" id="user-check-code">
            <label for="name">手机验证码</label>
            <input type="text" class="form-control user-input-common" id="checkCode" name="checkCode" value="" placeholder="请输入您收到的验证码"
                   onkeyup="this.value=this.value.replace(/\D/g,'')" maxlength="4" />
        </div>
        <div class="form-group">
            <label for="name">身份证号</label>
            <input type="text" class="form-control user-input-common" id="idNo" name="idNo" value="" placeholder="请输入就诊人的证件号码" />
        </div>
        <div class="form-group">
            <label for="name">所在省</label>
            <select id="provinceSelect" name="provinceId" class="form-control" onchange="getCityList()">

            </select>
        </div>
        <div class="form-group">
            <label for="name">所在市</label>
            <select id="citySelect" name="cityId" class="form-control">

            </select>
        </div>
    </form>
    <button class="btn btn-default user-sub-btn f-active blue-fill-btn" onClick="addPatient()">保存</button>
</div>
&lt;!&ndash;模态框(modal) end&ndash;&gt;


<div th:fragment="symptomatic">
    &lt;!&ndash; 新的对症选医 &ndash;&gt;
    <h4 class="recommend-doctor-tit">对症选医</h4>
    <div class="recommend-doctor">

    </div>
</div>

&lt;!&ndash;footer&ndash;&gt;
<div class="footer" th:fragment="footer">


    &lt;!&ndash; 模态框（Modal） 投诉与反馈&ndash;&gt;
    <div class="modal fade" id="feedback" tabindex="-1" role="dialog" aria-hidden="false" data-backdrop="static">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="false">
                        <img class="common-close-icon" src="../../../hs/images/modal-close-icon.svg" th:src="@{{images}/modal-close-icon.svg(images=${application.images})}"
                        />
                    </button>
                    <h3 class="text-center">投诉与反馈</h3>
                </div>
                <div class="modal-body modal-body-feedback">
                    &lt;!&ndash;问题类别&ndash;&gt;
                    <div>
                        <label class="fc-6 feedback-body-tit">问题类别</label>
                        <div class="radio-box">
                            <label class="radio-inline">
                                <input type="radio" name="radio-gender-01" value="挂号">
                                <span class="radio-icon"></span>
                                挂号
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="radio-gender-01" value="取消挂号">
                                <span class="radio-icon"></span>
                                取消挂号
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="radio-gender-01" value="就诊">
                                <span class="radio-icon"></span>
                                就诊
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="radio-gender-01" value="支付">
                                <span class="radio-icon"></span>
                                支付
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="radio-gender-01" value="其他" id="feedback-other-radio" onclick="">
                                <span class="radio-icon"></span>
                                其他
                                <input type="text" id="otherProblem" class="form-control feedback-other-input" maxlength="10" placeholder="最多输入10个字...">
                            </label>
                        </div>
                    </div>
                    &lt;!&ndash;问题类别 end&ndash;&gt;
                    &lt;!&ndash;投诉反馈信息&ndash;&gt;
                    <label class="fc-6 feedback-body-tit">投诉反馈信息</label>
                    <div class="form-group">
                        <textarea id="content" class="form-control feedback-text" onkeyup="countNumber(100)"></textarea>
                        <p class="text-right fc-9">还可以输入
                            <span id="fontnumber">100</span>字</p>
                    </div>
                    &lt;!&ndash;投诉反馈信息 end&ndash;&gt;
                    <input class="feedback-sub-btn hover-bg-blue" type="button" value="提交反馈" onclick="submitfeedback()" />
                    &lt;!&ndash; <p class="text-center fs-12">注：我们会尽快给您回复。</p> &ndash;&gt;
                </div>
            </div>
        </div>
    </div>
    &lt;!&ndash;模态框(modal) end&ndash;&gt;


    <div class="container footer">
        <div class="row footer-line">
            <div>
                <p>产品家族</p>
                <p>
                    <a href="https://www.carelink.cn">快医网</a>
                </p>
                <p>
                    <a href="https://www.91160.com/" rel="nofollow" target="_blank">健康160（就医160挂号网）</a>
                </p>
                <p>
                    <a href="https://www.eztcn.com/" rel="nofollow" target="_blank">医指通云平台</a>
                </p>
            </div>
            <div>
                <p>关于快医</p>
                <p>
                    <a th:href="@{{basePath}/about/carelink.htm(basePath=${application.basePath})}" target="_blank">关于我们</a>
                </p>
                <p>
                    <a th:href="@{{basePath}/about/disclaimer.htm(basePath=${application.basePath})}" target="_blank">免责声明</a>
                </p>
                <p>
                    <a th:href="@{{basePath}/about/privacy.htm(basePath=${application.basePath})}" target="_blank">隐私政策</a>
                </p>
                <p>
                    <a th:href="@{{basePath}/about/joinus.htm(basePath=${application.basePath})}" target="_blank">加入我们</a>
                </p>
            </div>
            <div>
                <p>帮助与支持</p>
                <p>
                    <a href="javascript:void(0);" onclick="feedback()">在线反馈</a>
                </p>
                <p>
                    <a href="javascript:void(0);" onclick="authenticationPage()">实名认证</a>
                </p>
            </div>
            <div>
                <p>联系我们</p>
                <p>客服电话：010-82252601</p>
                <p>客服邮箱：<a href="mailto:kuaiyi@carelink.cn">kuaiyi@carelink.cn</a></p>
                <p>商务电话：010-82005588</p>
                <p>商务邮箱：<a href="mailto:op@carelink.cn">op@carelink.cn</a></p>
            </div>
            <div>
                <p>快医网官方微信</p>
                <img class="footer-qr" src="../../hs/images/footer-qr.png" th:src="@{{images}/footer-qr.png(images=${application.images})}"
                     alt="快医网官方微信" title="快医网官方微信"/>
            </div>
            <div>
                <p>快医网官方APP</p>
                <img class="footer-qr" src="../../hs/images/doctor-patient-app.png" th:src="@{{images}/doctor-patient-app.png(images=${application.images})}"
                     alt="快医网官方APP" title="快医网官方APP"/>
            </div>
        </div>
        <div class="row footer-copyright">
            <p class="text-center">Copyright © 2018 carelink.cn Inc. All Rights Reserved. 版权所有 <a target="_blank" title="京ICP备12043035号" href="http://www.miibeian.gov.cn">京ICP备12043035号</a> <a target="_blank" title="互联网药品信息服务资格证书：（京）-非经营性-2018-0232" th:href="@{{basePath}/about/cert.htm(basePath=${application.basePath})}">互联网药品信息服务资格证书：（京）-非经营性-2018-0232</a></p>
            <p class="text-center">北京海德康健信息科技有限公司</p>
        </div>
    </div>
</div>
&lt;!&ndash;footer end&ndash;&gt;

&lt;!&ndash;右侧悬浮&ndash;&gt;
<div class="xuanfu-right xuanfu-right-fixed" th:fragment="rightSuspensionWindow">

</div>
&lt;!&ndash;右侧悬浮end&ndash;&gt;

&lt;!&ndash;搜索&ndash;&gt;
<div class="index-search affix index-search-nav" th:fragment="searchWindow">
    <div class="h-10"></div>
    <div class="container">
        <div class="row index-search-row">
            <div class="dropdown pull-left index-hospital-select-box">
                <div class="form-group">
                    <input id="search-input" type="text" class="form-control index-hospital-select" value="" maxlength="20" placeholder="输入疾病名、科室名、医院名称或医生名"
                    />
                </div>
            </div>
            <a class="btn btn-primary index-search-appointment-btn blue-fill-btn border-0" onClick="searchAll()">搜索</a>
            <div class="index-search-content" id="index-search-content">
                <a class="search-modal-close">
                    <img src="../../../hs/images/modal-close-icon.svg" th:src="@{{images}/modal-close-icon.svg(images=${application.images})}"
                    />
                </a>
                <h5 id="search-tit">热门搜索</h5>
                <div class="search-defaut" id="search-defaut">
                    <table class="table search-defaut-table">
                        <thead>
                        <tr>
                            <th id="hosTh">医院</th>
                            <th id="depTh">科室</th>
                            <th id="disTh">疾病</th>
                            <th id="docTh">医生</th>
                        </tr>
                        </thead>
                        <tbody id="searchHotContent">

                        </tbody>
                    </table>
                </div>
                <div class="search-link hidden" id="search-link">
                </div>
            </div>
        </div>
    </div>
</div>

<div th:fragment="common_pluging">
    &lt;!&ndash; 模态框（Modal）系统消息 &ndash;&gt;
    <div class="modal fade message-modal" id="system-message-modal" tabindex="-1" role="dialog" aria-hidden="false">
        <div class="modal-dialog modal-user-person">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="false">
                        <img class="common-close-icon" src="../../../hs/images/modal-close-icon.svg" th:src="@{{images}/modal-close-icon.svg(images=${application.images})}"
                        />
                    </button>
                    <h4 class="modal-title text-center" id="message_title">系统消息</h4>
                </div>
                <div class="modal-body">
                    <p class="message-modal-text" id="messageModal_content">
                        Apple Books, which Apple previewed at the Worldwide Developers Conference last week, is a new app that has been entirely
                        redesigned to make discovering and enjoying books and audiobooks effortless for iPhone and iPad
                        users.
                    </p>
                    <p class="fs-12 fc-9 message-modal-time" id="messageModal_createTime">
                        2018.04.10
                    </p>
                    <a class="message-modal-close f-active text-center" data-dismiss="modal">关闭</a>
                </div>
            </div>
        </div>
    </div>
    &lt;!&ndash;模态框(modal) end&ndash;&gt;

    &lt;!&ndash; 预约挂号 成功 start &ndash;&gt;
    <div class="modal fade" id="fill-appointment-success" tabindex="-1" role="dialog" aria-hidden="false" th:fragment="appointment_status"
         data-backdrop="static">
        <div class="modal-dialog modal-appointment-success">
            <div class="modal-content">
                <div class="modal-header">
                    <a class="close" id="closeACModal" th:href="@{{basePath}/index.htm(basePath=${application.basePath})}">
                        <img src="../../../hs/images/modal-close-icon.svg" th:src="@{{images}/modal-close-icon.svg(images=${application.images})}"
                        />
                    </a>
                    <h3 id="appoin_status" class="modal-title text-center">预约成功</h3>
                </div>
                <div class="modal-body modal-appointment-success-body">
                    <div class="modal-appointment-success-content">
                        <div class="modal-appointment-success-left">
                            <h4 class="modal-appointment-success-tit">挂号信息</h4>
                            <div class="fill-banner-doctor">
                                <a class="appointment-success-doctor-img">
                                    <img src="../../../hs/images/user-header.png" th:src="@{{images}/user-header.png(images=${application.images})}" id="docHeaderImg"
                                    />
                                </a>
                                <div class="fill-banner-doctor-info">
                                    <p>
                                        <a id="doctorName" class="fill-banner-doctor-name"></a>
                                        <span id="levelName"></span>
                                    </p>
                                    <p class="modal-fill-doctor-hospital yichu">
                                        <span class="modal-fill-doctor-hospital-name yichu" id="detail"></span>
                                        <span id="deptName"></span>
                                    </p>
                                </div>
                            </div>
                            <div class="modal-appointment-success-info">
                                <p class="modal-appointment-success-info-tit" id="fee"></p>
                                <table class="table">
                                    <tr id="offerAddress"></tr>
                                    <tr id="dutyDate"></tr>
                                    <tr id="channelSource"></tr>
                                    <tr id="offerTime"></tr>
                                    <tr id="serialNo"></tr>
                                </table>
                                &lt;!&ndash;<p class="text-center modal-appointment-success-bottom" id="payStatus">支付状态：未支付【到院付】</p>&ndash;&gt;
                            </div>
                        </div>
                        <div class="modal-appointment-success-right">
                            <h4 class="modal-appointment-success-tit">就诊人信息</h4>
                            <p class="modal-appointment-success-user-name" id="patientName"></p>
                            <p class="modal-appointment-success-user-line">
                                <span>身份证号：</span>
                                <span id="patientIdNo"></span>
                            </p>
                            <p class="modal-appointment-success-user-line">
                                <span>手机号：</span>
                                <span id="patientMobileNo"></span>
                            </p>
                            <p class="modal-appointment-success-user-code text-center" id="recognitionCode">预约识别码
                                <br /></p>
                        </div>

                    </div>

                    <div class="modal-appointment-qr-box">
                        <img class="modal-appointment-qr" src="../../hs/images/appointmet-success-qr.png" th:src="@{{images}/appointmet-success-qr.png(images=${application.images})}"
                        />
                        <p class="fc-6 text-center">微信扫码，预约信息随时查。</p>
                    </div>
                    <p class="modal-appointment-tip f-red">【重要提示】请认真履行预约挂号规定，凡是三次无故爽约，暂停一年的网络及114电话挂号资格。确有需要取消预挂号的，请在网站个人中心或者公众号个人中心订单页面提前24小时取消，不会产生违约责任。</p>
                    <a id="returnIndex" href="javascript:void(0);" th:href="@{{basePath}/index.htm(basePath=${application.basePath})}" class="modal-appointment-back-index f-active text-center">返回首页</a>
                </div>
            </div>
        </div>
    </div>
    &lt;!&ndash; 预约挂号 成功 end &ndash;&gt;
    &lt;!&ndash;右侧悬浮块&ndash;&gt;
    <div class="fixed-right" id="fixed-right">
        <a class="fixed-right-part" href="https://qiyukf.com/client?k=14f280eab2a590ad267bdbcdcf94fd34&wp=1" target="_blank">
            <span class="tab-icon"></span>
            <i class="tab-text online-customer-services">在线客服</i>
        </a>
        <a class="fixed-right-part">
            <span class="tab-icon"></span>
            <div class="tab-text fixed-right-dowload-qr fixed-qr-box">
                <img src="../../hs/images/doctor-patient-app.png" th:src="@{{images}/doctor-patient-app.png(images=${application.images})}" alt="快医网APP下载" title="快医网APP下载">
                <p>扫码下载APP</p>
            </div>
        </a>
        <a class="fixed-right-part">
            <span class="tab-icon"></span>
            <div class="tab-text fixed-right-wechat fixed-qr-box">
                <img src="../../hs/images/footer-qr.png" th:src="@{{images}/footer-qr.png(images=${application.images})}" alt="关注快医网微信公众号" title="关注快医网微信公众号">
                <p>关注微信公众号</p>
            </div>
        </a>
        <a class="fixed-right-part back-top" id="back-top">
            <span class="tab-icon"></span>
            <em class="tab-text">返回顶部</em>
        </a>
    </div>
    &lt;!&ndash;右侧悬浮块 end&ndash;&gt;
    &lt;!&ndash; 放号提醒 &ndash;&gt;
    <div class="modal-appointment-remind hidden" id="modal-appointment-remind">
        <img class="remind-close-icon" id="remind-close-icon" src="../../hs/images/remind-close.svg" th:src="@{{images}/remind-close.svg(images=${application.images})}" alt="">
        <p class="modal-remind-tit">放号提醒</p>
        <p class="modal-remind-line1">
            就诊日期：
            <span id="rDutyDate"></span>
        </p>
        <p class="modal-remind-line2" id="remindDate"></p>
        <p class="modal-remind-line3">放号提醒说明:</p>
        <div class="modal-remind-line4">
            <p>1.系统将在放号前15分钟左右推送消息给您，请您及时关注微信及手机信息。</p>
            <p>2.预计放号时间仅供参考，具体放号时间以实际为准。</p>
            <p>3.您最多可同时设置三个放号提醒。设置后不可取消，提醒完成后您可再次设置。</p>
        </div>
        <div class="modal-remind-btn hidden">
            <button class="btn btn-default" id="modal-remind-btn-cancel">取消</button>
            <button class="btn btn-default blue-fill-btn" id="modal-remind-sure">确定</button>
        </div>
    </div>
</div>

<div class="search-all-nav affix" th:fragment="searchNav">
    <div class="search-all-nav-line"></div>
    <div class="container">
        <div class="row">
            <ul class="list-inline search-all-nav-list">
                <li>
                    <a th:class="${pageIndex == 1 ? 'search-all-nav-active' : ''}" onClick="searchTab(1)">综合</a>
                </li>
                <li>
                    <a th:class="${pageIndex == 2 ? 'search-all-nav-active' : ''}" onClick="searchTab(2)">医院</a>
                </li>
                <li>
                    <a th:class="${pageIndex == 3 ? 'search-all-nav-active' : ''}" onClick="searchTab(3)">医生</a>
                </li>
                <li>
                    <a th:class="${pageIndex == 4 ? 'search-all-nav-active' : ''}" onClick="searchTab(4)">文章</a>
                </li>
                &lt;!&ndash; <li>
                <a href="search-all-article.html">文章</a>
            </li> &ndash;&gt;
            </ul>
        </div>
    </div>
</div>-->
</body>

</html>